<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="1314婚纱摄影,海口婚纱摄影工作室,海口婚纱摄影哪家好,海口最好的婚纱摄影.">
<meta name="Description" content="努力做最出色最个性的摄影工作室,拥有海口直营店面,不聘请专业模特拍摄或购买样片是我们始终所坚持的,致力于向顾客提供个性的有创意的婚纱摄影,影婚纱相,结婚相,婚纱照,外景婚纱照,户外婚纱照,高端婚纱摄影,婚礼跟拍,婚礼拍摄,人像摄影服务,海口婚纱摄影工作室,有众多的深圳婚纱照片欣赏,更提供婚纱礼服定做定制订做租赁出租,海口婚纱摄影工作室哪家好?1314婚纱摄影.海口婚纱摄影,海口婚纱摄影工作室.">
<link rel="shortcut icon" href="images/ticon.ico" >
<link href="css/style.css" rel="stylesheet">
<script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
myFocus.set({
    id:'boxID',//焦点图盒子ID
    pattern:'mF_fancy',//风格应用的名称
    time:3,//切换时间间隔(秒)
    trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
    txtHeight:'default'//文字层高度设置(像素),'default'为默认高度，0为隐藏
});
</script>
<script type="text/javascript">
function  showImg(){
document.getElementById("wxImg").style.display='block';

}
function hideImg(){
document.getElementById("wxImg").style.display='none';
}
</script>
<style>
.contect1 {
	padding-left: 160px;
	padding-top: 15px;
}
.contect1 p, .contect1 p span, .contect1 p strong, .contect1 p a {
	font-size: 18px;
	color: #999;
	height: 40px;
	line-height: 40px;
}
.contect1 p a {
	text-decoration: underline;
	color: blue;
}
.contect1_a p span {
	font-size: 24px;
	color: #666;
}
.map {
	padding-top: 5px;
	text-align: center;
}
.footer {
	margin-top: 50px;
	position: absolute;
	top: 1600px;
}
.fd {
	position: absolute;
	left: 400px;
	top: 1500px;
}
.fd a {
	text-decoration: none;
}
</style>
<!--引用百度地图API-->
<style type="text/css">
html, body {
	margin: 0;
	padding: 0;
}
.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}
.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<title>联系我们</title>
</head>

<body>

<!--header-->
<div class="header"> 
	<!--top-->
	<div class="top"> <a href="#" title="海口婚纱摄影"><img src="images/logo.png" alt="1314婚纱摄影LOGO"/> </a> </div>
	<!--top end--> 
	<!--nav-->
	<div class="nav">
		<ul>
			<li><a href="index.html">首页</a></li>
			<li><a href="about.html"   title="关于1314">关于1314</a></li>
			<li><a href="active.html"  title="活动&报价">活动&报价</a></li>
			<li><a href="style.html"  title="风格展示">风格展示</a></li>
			<li><a href="enjoy.html"  title="客片欣赏">客片欣赏</a></li>
			<li><a href="introduction.html"  title="场景介绍">场景介绍</a></li>
			<li><a href="pay.html"   title="预定中心">预定中心</a></li>
			<li class="click"><a href="contect.html"  title="联系我们">联系我们</a></li>
		</ul>
	</div>
	<!--nav end--> 
</div>
<!--header end--> 
<!--ad-->
<div class="ad" id="boxID">
	<div class="loading"><img src="images/loading.gif" /></div>
	<!--pic-->
	<div class="pic">
		<ul>
			<li><a href="#"><img src="images/ad2.jpg"/></a></li>
			<li><a href="#"><img src="images/ad3.jpg"/></a></li>
			<li><a href="#"><img src="images/ad4.jpg"/></a></li>
			<li><a href="#"><img src="images/ad5.jpg"/></a></li>
			<li><a href="#"><img src="images/ad6.jpg"/></a></li>
		</ul>
	</div>
	<!--pic end--> 
</div>
<!--ad end--> 
<!--main-->
<div class="main">
<!--content-->
<div class="contect"> 
  <a class="a1" rel="nofollow" href="tencent://message/?uin=1370753528">
	<table>
		<tr>
			<th rowspan="2"><img src="images/qq.png"/></th>
			<td><span class="big">QQ联系客服</span></td>
		</tr>
		<tr>
			<td><span>及时沟通:8:30-22:00</span></td>
		</tr>
	</table>
	</a> <a class="a2" rel="nofollow" href="http://weibo.com/3213980632/profile?rightmod=1&wvr=6&mod=personinfo&is_all=1">
	<table>
		<tr>
			<th rowspan="2"><img src="images/sina.png"/></th>
			<td><span  class="big">欢迎关注微博</span></td>
		</tr>
		<tr>
			<td><span>微博号@花鲤鼠</span></td>
		</tr>
	</table>
	</a> <a class="a3" rel="nofollow" href="wechat.html" target="_blank">
	<table>
		<tr>
			<th rowspan="2"><img src="images/wechat.png"/></th>
			<td><span  class="big">欢迎订阅微信</span></td>
		</tr>
		<tr>
			<td><span>微信号：1314婚纱摄影</span></td>
		</tr>
	</table>
	</a> <a class="a4" href="#">
	<table>
		<tr>
			<th rowspan="2"><img src="images/phone.png"/></th>
			<td><span  class="big">欢迎拨打热线电话</span></td>
		</tr>
		<tr>
			<td><span>18689597651</span></td>
		</tr>
	</table>
	</a> <a  href="javascript:void(0)" onMouseOut="hideImg()"  onmouseover="showImg()">
	<table>
		<img src="images/ewm.png"/>
		<div id="wxImg"><img src="images/erweima.png" /></div>
	</table>
	</a> 
		</div>

<!--content end-->
<div class="contect1">
<div class="contect1_a">
	<p><span>联系方式</span></p>
</div>
<div>
	<p>海口1314摄影有限公司</p>
	<p ><strong>官方微博：</strong><a href="http://weibo.com/3213980632/profile?rightmod=1&wvr=6&mod=personinfo&is_all=1" target="_blank">@花梨鼠</a></p>
	<p><strong>热线电话：</strong>186898597651</p>
</div>
<div class="adress">
	<p>地址：海南省海口市美兰区人民大道58号</p>
	<p>英文：Haikou City Meilan District Renming Street No. 58</p>
</div>
<div class="adress_a">
<div class="contect1_a">
	<p><span>详细地址</span></p>
</div>
<div class="map">
<!--百度地图容器-->
<div style="width:800px;height:440px;border:#ccc solid 1px;" id="dituContent"></div>

</div>
</div>
</div>
</div>
<!--main end-->
<!--footer-->
<div class="footer">
	<div class="footer_1">
		<div class="logo1 fl"><img src="images/logoo.png"/></div>
		<div class="footer1 fl"><img src="images/erweimaa.png"/></div>
	</div>
	<div class="footer_2">
		<div class="foot_5_1"><a href="/">网站首页</a>|<a href="/html/about/copyright/">本地公司</a>|<a class="dpdz" href="/html/about/contactus/">店铺地址</a>|<a href="/html/about/help/">帮助中心</a>|<a href="/html/about/aboutus/">关于1314</a></div>
		<div class="foot_5_2">©Copyright 2009-2015 版权所有 中国1314婚纱摄影<br />
			增值电信业务经营许可证：琼ICP备120******号&nbsp;&nbsp;</div>
	</div>
	<div class="footer_3">
		<div class="phone1 fl"><img src="images/phone.png" alt="电话" /></div>
		<div class="fl text">
			<div class="bttel_type">热线电话：</div>
			<div class="bottom_phone">4335355757</div>
			<div class="worktime">周一至周日 9:00-22:00</div>
		</div>
	</div>
</div>
<!--footer end-->
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }
    
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(110.331459,20.066661);//定义一个中心点坐标
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
  var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
  map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
  var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
  map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
  var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
  map.addControl(ctrl_sca);
    }
    
    //标注点数组
    var markerArr = [{title:"1314婚纱店",content:"我的备注",point:"110.33145|20.066644",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
     ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
      var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
      var iw = createInfoWindow(i);
      var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
      marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
            });
      
      (function(){
        var index = i;
        var _iw = createInfoWindow(i);
        var _marker = marker;
        _marker.addEventListener("click",function(){
            this.openInfoWindow(_iw);
          });
          _iw.addEventListener("open",function(){
            _marker.getLabel().hide();
          })
          _iw.addEventListener("close",function(){
            _marker.getLabel().show();
          })
        label.addEventListener("click",function(){
            _marker.openInfoWindow(_iw);
          })
        if(!!json.isOpen){
          label.hide();
          _marker.openInfoWindow(_iw);
        }
      })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    
    initMap();//创建和初始化地图
</script>
</body>
</html>
